<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/guidao.css" />
	</head>
	<body>
		<!-- 头部区域开始 -->

		<div class="top"></div>
		<div class="w">
			<div class="head">
				<div class="logo">
					<img src="img/logo.png">
				</div>
				<div class="subanme">
					<img src="img/head%20subname-bg.png">
					<span class="subanme1">石家庄铁路运输学校</span>
					<span class="subanme2">河北省技师学院</span>
				</div>
				<div class="hearch">
					<input type="text" src="" />
					<!-- <input type="submit" class="hearch1"> -->
				</div>
			</div>
		</div>

		<!-- 头部区域结束 -->
		<!-- 导航栏开始 -->

		<div class="nav">
			<div class="nav1 ">
				<div class="nav2 w">
					<ul id="nav">
						<li class="shouye"><a href="#">首页</a></li>
						<li><a href="#" class="gaikuo">学院概括</a></li>
						<li><a href="#" class="jiandang">建党园地</a></li>
						<li><a href="#" class="zhuanye">专业设置</a></li>
						<li><a href="#" class="keyan">教学科研</a></li>
						<li><a href="#" class="招生">招生专栏</a></li>
						<li><a href="#">就业信息</a></li>
						<li><a href="#">学生工作</a></li>
						<li><a href="#">成人教育</a></li>
						<li><a href="#">文明校园</a></li>
						<li><a href="#">网络办公</a></li>
					</ul>
				</div>
			</div>
			<div class="xiala w">
				<div class="xiala1 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala2 xl">
					<ul>
						<li><a href="#">党建要闻</a></li>
						<li><a href="#">廉政建设</a></li>
						<li><a href="#">统战工作</a></li>
						<li><a href="#">政策法规</a></li>
						<li><a href="#">学习园地</a></li>
						<li><a href="#">思政专栏</a></li>
						<li><a href="#">党史学习教育</a></li>
					</ul>
				</div>
				<div class="xiala3 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala4 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala5 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala6 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala7 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala8 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala9 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala10 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
				<div class="xiala11 xl">
					<ul>
						<li><a href="#">学院简介</a></li>
						<li><a href="#">校园文化</a></li>
						<li><a href="#">校园风光</a></li>
						<li><a href="#">机构设置</a></li>
						<li><a href="#">质量报告</a></li>
						<li><a href="#">校史馆</a></li>
					</ul>
				</div>
			</div>
			<!-- 导航栏结束 -->
			<!-- 焦点图开始 -->
			<div class="shoutu">
				<img src="img/tu1.jpg">
				<!-- 左按钮 -->
				<a href="#" class="prev">&lt;</a>
				<!-- 右按钮 -->
				<a href="#" class="prev1">&gt;</a>
				<ul class="shoutu-nav">
					<li class="selected"></li>
					<li></li>
				</ul>
			</div>
		</div>

		<!-- 焦点图结束 -->
		<!-- 院校要闻开始 -->

		<div class="yuanx w">
			<div class="yuanx1">
				<h4>院校新闻</h4>
				<hr>
				<div class="yuanxt">
					<a href="#"><img src="img/yuanxt.jpg" title="劳模校友助力轨道学院职教周启动仪式">
						<div>
							<p>劳模校友助力轨道学院职教周启动仪式</p>
						</div>
					</a>
				</div>
				<ul class="yuanxt2">
					<li class="yuanxtd"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<ul class="y1">
					<li><a href="#" title="河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲">

							<p>河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲</p>
						</a>
						<span class="y1-1">05-24</span>
					</li>

					<li><a href="#" title="河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲">
							<p>河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲</p>
						</a>
						<span class="y1-1">05-24</span>
					</li>

					<li><a href="#" title="河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲">
							<p>河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲</p>
						</a>
						<span class="y1-1">05-24</span>
					</li>

					<li><a href="#" title="河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲">
							<p>河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲</p>
						</a>
						<span class="y1-1">05-24</span>
					</li>

					<li><a href="#" title="河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲">
							<p>河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲</p>
						</a>
						<span class="y1-1">05-24</span>
					</li>

					<li><a href="#" title="河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲">
							<p>河北省直机关工委副书记范金龙到轨道学院调研并开展党史学习教育座谈宣讲</p>
						</a>
						<span class="y1-1">05-24</span>
					</li>
				</ul>
				<a href="#" class="gd">更多&gt;</a>
			</div>
			<div class="gg">

				<h4>通知公告</h4>
				<hr>
				<ul class="y1 y2">
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
					<li><a href="#" title="河北轨道运输职业技术学院HBGD-2021-007成交结果公告">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
						<span class="y1-1">04-29</span>
					</li>
				</ul>
				<a href="#" class="gd">更多&gt;</a>
			</div>
			<div class="jdang">
				<a href="#" class="e1">建党园地</a> <a href="#" class="e2">廉政建设</a>
				<hr>
				<ul class="y1 y2">
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>河北轨道运输职业技术学院HBGD-2021-007成交结果公告</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
					<li><a href="#" title="政治学习资料(2021年32期-2021年41期)">
							<p>政治学习资料(2021年32期-2021年41期)</p>
						</a>
					</li>
				</ul>
				<a href="#" class="gd">更多&gt;</a>
			</div>
		</div>

		<!-- 院校新闻结束 -->
		<!-- 院校链接开始 -->

		<div class="lj w">
			<a href=""><img src="img/i-banner-12.jpg"></a>
			<a href=""><img src="img/4.jpg"></a>
			<a href=""><img src="img/7.jpg"></a>
			<a href=""><img src="img/2.jpg"></a>
			<a href=""><img src="img/5.jpg"></a>
			<a href=""><img src="img/8.jpg"></a>
			<a href=""><img src="img/3.jpg"></a>
			<a href=""><img src="img/6.jpg"></a>
			<a href=""><img src="img/9.jpg"></a>
		</div>

		<!-- 院校新闻结束 -->
		<!-- 招生信息开始 -->

		<div class="zs">
			<div class="zs-0 w">
				<div class="zs-1 y1 ">
					<h4>招生信息</h4>
					<hr>
					<ul>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
					</ul>
					<a href="#" class="gd">更多&gt;</a>
				</div>
				<div class="zs-1 y1 ">
					<h4>缤纷校园</h4>
					<hr>
					<ul>
						<li><a href="#" title="河北轨道运输职业技术学院关于健康生活 防范疫情 的倡议书">
								<p>河北轨道运输职业技术学院关于"健康生活 防范疫情"的倡议书</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院关于健康生活 防范疫情 的倡议书">
								<p>河北轨道运输职业技术学院关于"健康生活 防范疫情"的倡议书</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院关于健康生活 防范疫情 的倡议书">
								<p>河北轨道运输职业技术学院关于"健康生活 防范疫情"的倡议书</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院关于健康生活 防范疫情 的倡议书">
								<p>河北轨道运输职业技术学院关于"健康生活 防范疫情"的倡议书</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院关于健康生活 防范疫情 的倡议书">
								<p>河北轨道运输职业技术学院关于"健康生活 防范疫情"的倡议书</p>
							</a></li>
					</ul>
					<a href="#" class="gd">更多&gt;</a>
				</div>
				<div class="zs-1 y1 ">
					<a href="#" class="e3">成教</a>
					<a href="#" class="e4">培训</a>
					<a href="#" class="e4">鉴定</a>
					<a href="#" class="e4">校产</a>
					<hr>
					<ul>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
						<li><a href="#" title="河北轨道运输职业技术学院2021年招生简章">
								<p>河北轨道运输职业技术学院2021年招生简章</p>
							</a></li>
					</ul>
					<a href="#" class="gd">更多&gt;</a>
				</div>
			</div>
		</div>

		<!-- 招生信息结束 -->
		<!-- 专业设置开始 -->

		<div class="zysz">
			<div class="zy-1 w">
				<div>
					<h4>主要专业介绍</h4>
					<a href="#" class="zy-2">更多&gt;</a>
				</div>
				<div class="zy-i">
					<div class="i"><a href="#"><img src="img/zhuanye-1.jpg"></a>
						<p>铁道运输系</p>
					</div>
					<div class="i"><a href="#"><img src="img/zhuanye-2.jpg"></a>
						<p>铁道机车系</p>
					</div>
					<div class="i"><a href="#"><img src="img/zhuanye-3.jpg"></a>
						<p>铁道车辆系</p>
					</div>
					<div class="i"><a href="#"><img src="img/zhuanye-4.jpg"></a>
						<p>客运服务系</p>
					</div>
					<div class="i"><a href="#"><img src="img/zhuanye-5.jpg"></a>
						<p>机电工程系</p>
					</div>
					<div class="i"><a href="#"><img src="img/zhuanye-7.jpg"></a>
						<p>城市轨道交通系</p>
					</div>
					<div class="i"><a href="#"><img src="img/zhuanye-8.jpg"></a>
						<p>管理工程系</p>
					</div>
					<div class="i"><a href="#"><img src="img/zhuanye-9.jpg"></a>
						<p>基础教学部</p>
					</div>
				</div>
			</div>
		</div>
	
		<!-- 专业设置结束 -->
		<!-- 尾部开始 -->
		
		<div class="bottom">
			<div class="ii w">
				<div class="i-1">
					<img src="img/foot-logo.png" >
					<p>地址：石家庄经济技术开发区赣江路9号 宁安路189号</p>
					<p>招生电话：0311-87088807 / 87817776 / 87923149 / 87810882</p>
					<img src="img/blue.png" class="sy" >
				</div>
				<div class="i-2">
					<span class="is">
						<img src="img/foot-qrcode.png" >
					</span>
					<span>
						<p>河北轨道运输职业技术学院</p>
						<p><a href="#">冀ICP备05012315号-2</a></p>
						<p>技术支持 北京阳光大桥网络科技有限公司石家庄分公司</p>
						<p><a href="#">站长统计</a></p>
					</span>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			// 获取元素
			var nav = document.getElementById('nav');
			var li = nav.getElementsByTagName('li');
			console.log(li);
			var xiala = document.querySelector('.xiala');
			var xialadiv = xiala.getElementsByTagName('div');
			console.log(xialadiv);
			// 写入循环 重复实行
			for(let i = 0; i < li.length; i++) {
				li[i].onmouseover = function() {	// 注册事件
					xialadiv[i].style.display = 'block';
				}
			}
			for(let i = 0; i < li.length; i++) {
				li[i].onmouseout = function() {
					xialadiv[i].style.display = 'none';
				}
			}
		</script>
	</body>
</html>
